<form @submit.prevent="addTodo">
  <input v-model="newTodo" required placeholder="new todo">
  <button>Add Todo</button>
</form>
<ul>
  <li v-for="todo in todos" :key="todo.id">
    {{ todo.text }}
    <button @click="removeTodo(todo)">X</button>
  </li>
</ul>
